<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>微信用户管理</h2>
        <ol class="breadcrumb">
            <li>
                <a href="#">首页</a>
            </li>

            <li class="active">
                <strong>微信用户管理</strong>
            </li>
        </ol>
    </div>

</div>

<div class="wrapper wrapper-content animated fadeInRight ecommerce">

    <div class="ibox-content m-b-sm border-bottom" id="form1">
        <div class="row">
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label" for="nickname">微信昵称</label>
                    <input type="text" id="nickname" name="nickname" placeholder="微信昵称"
                           class="form-control">
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label" for="username">姓名</label>
                    <input type="text" id="username" name="username" placeholder="姓名"
                           class="form-control">
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label" for="telephone">手机号码</label>
                    <input type="text" id="telephone" name="telephone" placeholder="手机号码"
                           class="form-control">
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label" for="subscribe">是否关注公众号</label>
                    <select id="subscribe" name="subscribe"
                            class="form-control">
                        <option value="">---请选择---</option>
                        <option value="0">否</option>
                        <option value="1">是</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <!--<a class="btn btn-success btn-outline" href="#{:U('form')}">-->
                    <!--<i class="fa fa-edit"></i>-->
                    <!--<span class="bold">添加</span>-->
                <!--</a>-->
                <button class="btn btn-success btn-outline" data-op="export">
                    <i class="fa fa-cloud-download"></i>
                    <span class="bold">导出</span>
                </button>
            </div>
            <div class="col-sm-6 text-right">
                <button class="btn btn-default" data-op="reset">
                    <i class="fa fa-refresh"></i>
                    <span class="bold">重置</span>
                </button>
                &nbsp;
                &nbsp;
                <button class="btn btn-primary" data-op="search">
                    <i class="fa fa-search"></i>
                    <span class="bold">查询</span>
                </button>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-content">
                    <table class="footable table table-stripped toggle-arrow-tiny" id="footable">
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        YFootTable.create('#footable', {
            baseUrl: "{:U('member/')}",
            searchForm: '#form1',
            title:'用户信息',
            columns: [
                {
                    name: 'avatar', title: '微信头像', formatter: function (v) {
                    return '<img style="height:60px;width:60px;border-radius: 50%" src="' + v + '">';
                }, sortable: true, breakpoints: 'xs ms'
                }
                , {name: 'nickname', title: '微信昵称', sortable: true, breakpoints: 'xs ms'}
                , {name: 'username', title: '姓名', sortable: true, breakpoints: 'xs ms'}
                , {name: 'telephone', title: '手机号码', sortable: true, breakpoints: 'xs ms'}
                , {
                    name: 'subscribe',
                    title: '是否已关注',
                    options: ['<b style="color:red">否</b>', '<b style="color:blue;">是</b>'],
                    sortable: true,
                    breakpoints: 'lg'
                }
                , {name: 'subscribe_time', title: '关注时间', sortable: true, breakpoints: 'lg'}
                , {name: 'unsubscribe_time', title: '取关时间', sortable: true, breakpoints: 'lg'}
            ],
            actions: ['view', 'edit', 'remove']
        });
    });
</script>